.square{
	width: 95%;
	height: 800px;
	position: absolute;
	top: 50%;
	left: 0%;
	margin-top: -400px;
	/* margin-left: -600px; */
	aspect-ratio: 2:1;
}
.square svg{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
}
.square .eye-type,.square .now-V{
	display: block;
	width: 200px;
	height: 50px;
	font-size: 40px;
	line-height: 50px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	text-align: center;
	text-shadow: 0px 0px;
}

.square .now-V{
	bottom: 0%;
}
.square .close{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/close.jpg) no-repeat;
	position: absolute;
	right: 0%;
	cursor: pointer;
}
.square .close:hover{
	background: url(../img/close-hover.jpg) no-repeat;
}
#progress,#curr-progress{
	width: 500px;
	height: 50px;
	left: 50%;
	top: 28%;
	margin-left: -250px;
	margin-top: -25px;
	/* background-color: #000000; */
}

#progress{
	position: absolute;
	border-radius: 3px;
	border: 1px solid #000000;
}

#curr-progress{
	position: relative;
	top: 25px;
	background-color: #000000;
}


@keyframes progress{
	from{
		width: 500px;
	}
	to{
		width: 0px;
	}
}
